<template>
  <!-- 组件的结构 -->
  <div class="demo">
    <p>学生姓名：{{name}}</p>
    <p>学生年龄：{{age}}</p>
  </div>
</template>

<script>
export default {
  name: 'Student', // 最好与文件名一致
  data() {
    return {
      name: 'LST',
      age: 24
    }
  }
}
</script>

<style>
/* 组件的样式 */
.demo {
  width: 100%;
  height: 500px;
  background-color: pink;
}
</style>